<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
	<head>
		<meta charset="utf-8">
		<title>博客管理登录</title>
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
		<script type="text/javascript" src="js/jquery-3.1.1.min.js" th:src="@{js/jquery-3.1.1.min.js}"></script>
		<script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
		
		<link rel="stylesheet" href="../../static/css/menu.css"th:href="@{/css/menu.css}">
	</head>
	<body>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>

<div class="m-container   m-padded-tb-massive" style="max-width:30em!important; ">
	<div class="ui middle aligned center aligned grid">
		<div class="column">
			<h2 class="ui teal image header">

				<div class="content">
					管理后台登录
				</div>
			</h2>
			<form class="ui large form"method="post"action="#" th:action="@{/admin/login}">
				<div class="ui  segment">
					<div class="field">
						<div class="ui left icon input">
							<i class="user icon"></i>
							<input type="text" name="username" placeholder="用户名">
						</div>
					</div>
					<div class="field">
						<div class="ui left icon input">
							<i class="lock icon"></i>
							<input type="password" name="password" placeholder="密码">
						</div>
					</div>
					<button class="ui fluid large teal submit button">登录</button>
				</div>

				<div class="ui error mini message"></div>
				<div class="ui mini negative message"th:unless="${#strings.isEmpty(message)}" th:text="${message}">用户名错误</div>
			</form>


		</div>
	</div>
</div>
	</body>
<script>
	$('.ui.form').form({
		fields:{
			username:{
				identifier:'username',
				rules:[{
					type:'empty',
					prompt:'请输入用户名'
				}]

			},
			password:{
				identifier:'password',
				rules:[{
					type:'empty',
					prompt:'请输入密码'
				}]

			}
		}
	});
</script>
</html>
